<!--
 * @Author: Hzh
 * @Date: 2021-04-23 10:13:38
 * @LastEditTime: 2021-04-23 15:47:58
 * @LastEditors: Hzh
 * @Description:
-->
<template>
    <div class="home">
        <div class="ZNZD_title">智能诊断</div>
        <div class="ZNZD_content">
            <div class="ZNZD_content_item">
                <div class="ZNZD_content_item_title">故障诊断</div>
                <div class="ZNZD_content_item_content">
                    设备正常运行，未发生故障
                </div>
                <!-- <div class="ZNZD_content_item_content">
                    设备温度异常
                </div> -->
            </div>
            <div class="ZNZD_content_item">
                <div class="ZNZD_content_item_title">检修策略</div>
                <div class="ZNZD_content_item_content">
                    按日常检修流程进行
                </div>
                <!-- <div class="ZNZD_content_item_content">
                    加强温度检测频次，关注温度变化趋势，择机停电检修
                </div> -->
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "Home",
    components: {},
    mounted() { },
    methods: {}
};
</script>

<style lang="scss" scoped>
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.home {
    width: 608px;
    height: 288px;
    background: url("../assets/ZNZD_bg.png") no-repeat;

    .ZNZD_title {
        width: 100%;
        height: 40px;
        line-height: 40px;
        color: #fff;
        text-align: left;
        padding-left: 54px;
        font-size: 20px;
    }

    .ZNZD_content {
        width: 100%;
        height: 248px;
        padding-left: 13px;
        padding-top: 15px;
        color: #fff;
        /* background-color: pink; */
        text-align: left;

        .ZNZD_content_item {
            width: 100%;
            height: 114px;

            /* background-color: greenyellow; */
            .ZNZD_content_item_title {
                width: 100%;
                height: 14px;
                line-height: 14px;
                background: url("../assets/ZNZD_content_tilleBG.png") no-repeat;
                padding-left: 20px;
                color: #40e5f0;
                margin-bottom: 19px;
            }

            .ZNZD_content_item_content {
                width: 100%;
                height: 100px;
                padding-left: 20px;
            }
        }
    }
}
</style>
